<script type="text/javascript">
    function  nuevo_comentario(){
         \$("#nuevoComentario").val(1);
          if(\$("#comentario").val()=="") {
          \$(function(){
                    new PNotify({
                       title: 'Validaci&oacute;n'
                      ,text: 'Debe ingresar alg&uacute;n texto en el comentario.'
                      ,type:'error'
                    });
                  });
            return;
          }
          \$("#mostrarPaso").val(2);
          \$("#loadingComentario").show();
          
          \$("#myForm").submit();
    };
                      
</script>
<h3>Comentarios</h3>
<table class="table table-hover">
        <thead>
          <tr>
            <th width="1%">#</th>
            <th>Comentario</th>
          </tr>
        </thead>
         <tbody>
         $turno.Observaciones: {t|  
          <tr>
            <td width="1%" nowrap="nowrap"><small>$t.Usuario.NombreCompleto$ <br/> $t.Fecha$ </small></td>
            <td>$t.Comentario$</td>
          </tr>
          }$
        </tbody>
</table>
<div class="form-group hidden-print text-right" >
    <textarea class="form-control keyboard" placeholder="Ingrese un nuevo comentario" required rows=4 id="comentario" name="comentario" required></textarea>
    <input type="hidden" value="" name="nuevoComentario" id="nuevoComentario"/>
    <img src="resources/images/ajax-loader.gif" id="loadingComentario" alt="loading"  style="display:none" class="loading"/>
    <a href="javascript:;" onclick="nuevo_comentario();"class="btn btn-primary">Nuevo Comentario</a>
</div>